@charset "UTF-8";
@import 'reset.less';
* {margin: 0;padding: 0;font-family:"微软雅黑","黑体";}
html,
body { padding: 0;margin: 0;width: 100%;height: 100%;font-size: 62.5%;font-family: "Microsoft Yahei", Helvetica, sans-serif;}
a {text-decoration: none;color: #3D3A46;}
a:active {color: #3D3A46;}
ul {list-style: none;}
/*
index-------首页

ksxd-------------下单填写
*/
section{
  display: block;
  margin: 0 auto;
}
/*消除顶部菜单遮挡影响*/
.bottom{
  padding-bottom: 2.12rem;
}
body{background:#F5F5F5;}
.btn{
  text-align: center;
   input,button{ 
    width:90%; 
    height:2.3rem; 
    margin:0 auto; 
    background-color:transparent; 
    border:1px solid #47b1cf; 
    text-align:center; 
    font-size:1.2rem;
    color:#47b1cf;
    cursor:pointer; 
    border-radius:6px;
  }
}
p{ .flc(0.5rem, 1.2rem,#000,center); }
#index_slide{
  height: 8.08rem;
  overflow: hidden;
  .pic img{
    width: 100%;
  }
}
#index_banner{
  .index_banner{
    height: 2.15rem;
    background:url('../images/index_banner.jpg') center center no-repeat;
    background-size: 100%;
    .count{
      width: 33.3%;
      height: 2.15rem;
      float: left;
      text-align: center;
      padding-top: 0.2rem;
      a{display:block;width: 100%;height: 100%;}
      a span{font-size: 0.55rem;color: #fff;}
    }
    .l span{padding-left: 30%;}
    .r span{padding-right: 10%;}
  }
}
#index_menu{
  margin: 0 0.5rem;
  .index_menu{
    height: 12.88rem;
    position: relative;
    background:url('../images/index_menubg.png') center center no-repeat;
    background-size: 100%;
    a{
      display: block;
      width: 100%;
      height: 100%;
      text-indent:-999rem;
    }
    li{
      float: left;
      width: 50%;
      height: 6.44rem;
    }
    .index_btn_b{
      width: 7.26rem;
      height: 7.26rem;
      position: absolute;
      left: 3.81rem;
      top:2.81rem;
      z-index: 999;
    }
  }
}
#footer{
  position: fixed;
  height: 2.02rem;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: #F2F2F2;
  a{
    display: block;
    width: 33.3%;
    height: 2.02rem;
    float: left;
    line-height: 2.02rem;
    font-size: 0.7rem;
    color: #595959;
  }
  .l{ 
    background:url('../images/footerbg1.png') 1rem center no-repeat;
    background-size: 1rem;
    span{padding-left: 2.4rem;}
  }
  .m{ 
    background:url('../images/footerbg2.png') 1rem 0.4rem no-repeat;
    background-size: 1.1rem;
    span{padding-left: 2.6rem;}
  }
  .r{ 
    background:url('../images/footerbg3.png') 1rem center no-repeat;
    background-size: 0.8rem;
    span{padding-left: 2.3rem;}
  }
  .on{span{color: #31C7F2;}}
}
#header{
  position: fixed;
  height: 2.14rem;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
   background:url('../images/headerbg.jpg') center center no-repeat;
   background-size: 100%;
  .header{
    /*border-bottom: 1px solid #6CC9D9;*/
    height: 1.9rem;
    a{
      display: block;
      width: 25%;
      height: 1.9rem;
      float: left;
      line-height: 1.9rem;
      font-size: 0.7rem;
      color: #fff;
      text-align: center;
    }
    .on span{
      padding: 0.2rem 0.2rem;
      border-bottom: 1px solid #fff;
    }
  }
  .header_ddlb{
    a{
      width: 50%;
    }
  }
  .header_jmb{
    a{
      width: 33%;
    }
  }
  .header_dzlb{
    a{
      width: 100%;
    }
    .edit{
      width: 4rem;
      position: absolute;
      right: 5%;
      top: 0;
      font-size: 0.5rem;
    }
  }
}
/*----------------订单列表样式---------*/
#ddlb_body{
  .ddlb_body{
    padding-top: 2.15rem;
    li{margin-bottom: 1rem;}
    .box{
        padding: 0 0.5rem;
        border-bottom: 1px solid #d4d4d4;
     .t{
         height: 3.35rem;
        line-height: 3.35rem;
         border-bottom: 1px solid #e6e6e6;
         .l,.r{
            text-align: center;
            width: 50%;
            height: 100%;
            float: left;
            font-size: 0.88rem;
         }
         .l{ span{padding-right: 1.2rem;}}
         .r{span{color:#0C5EDC }}
      }   
     .b{
       height: 3.35rem;
        line-height: 1.35rem;
        font-size: 0.8rem;
        vertical-align: middle;
        display: table-cell;
        span{

          display: block;
        }
     }
    .xixie{
      background:url('../images/xixie.png') left center no-repeat;
      background-size: 1.8rem;
     }
    .xiyi{
      background:url('../images/xiyi.png') left center no-repeat;
      background-size: 1.8rem;
     }
    .qita{
      background:url('../images/qita.png') left center no-repeat;
      background-size: 1.8rem;
     }
    .sta1{
      background:url('../images/state1.png') center 2.1rem no-repeat;
      background-size: 5.4rem;
     }
    .sta2{
      background:url('../images/state2.png') center 2.1rem no-repeat;
      background-size: 5.4rem;
     }
    .sta3{
      background:url('../images/state3.png') center 2.1rem no-repeat;
      background-size: 5.4rem;
     }
    .sta4{
      background:url('../images/state4.png') center 2.1rem no-repeat;
      background-size: 5.4rem;
     }
    }
    .msg{
      padding: 0 0.5rem;
      padding-left: 2rem;
      height: 2.7rem;
      line-height: 2.9rem;
      background:url('../images/msgbg.png') center center  no-repeat;
      background-size: auto 2.3rem;
    }
  }
 
}

/*----------------订单详情样式---------*/
#ddxq_body{
  .box{
    padding:0 0.5rem;
    border-bottom: 0.5rem solid #F0F0F0;
    margin-bottom: 1rem;
    span{
      display: block;
      width: 100%;
    }
   .bord{border-bottom: 1px solid #d4d4d4;}
  }
  .dd span{
    font-size: 0.7rem;
      line-height: 2.4rem;
  }
  .yh {
    font-size: 0.6rem;
    span{
      line-height: 1.7rem;
    }
    .t{line-height: 2.4rem;font-size: 0.8rem;}
    .l{float: left;width: 50%;}
    .r{float: right;width: 50%;}
  }
   .wl {

    font-size: 0.7rem;
    span{
      line-height: 1rem;
      height: 1.7rem;
    }
    .t{
      line-height: 2.4rem;
      font-size: 0.8rem;
      padding-bottom: 1rem;
      margin-bottom: 1rem;
    }
    .innerbox{
      overflow: visible;
      width: 100%;
      clear: both;
      height: 4.0rem;
        img{float: left;width: 6%;}
      .text{margin-left: 0.5rem;float: left;width: 90%;}
    }
  }

}
/*--------------------地址列表*/
#dzlb_body{
 .dzlb_body{padding-top: 2.15rem;}
  .box{
    padding:0 0.5rem;
    margin-bottom: 1rem;
    span{
      display: block;
      width: 100%;
    }
   .bord{border-bottom: 1px solid #d4d4d4;}
  }
  .dz {
    font-size: 0.6rem;
    span{
      line-height: 1.7rem;
      padding-top: 0.3rem;
    }
    .l{float: left;width: 50%;}
    .r{float: right;width: 50%;text-align: right;}
  }
}
/*--------------------快速下单*/
#ksxd_body{
 /*.ksxd_body{padding-top: 2.15rem;}*/
  p{
    margin-top: 0.5rem;
    .flc(0.7rem,1.2rem,#000,center);
  }
  .link{
    height: 4rem;
    padding: 1rem 0.5rem ;
    .price,.rule{
      width: 48.5%;
      .flc(0.5rem, 1.3rem,#000,center);
      a{
        .flc(1.2rem, 3rem,#fff,center);
        display: block;
        height: 3rem;
        border-radius: 0.3rem;
      }
    }  
    .price {
      float: left;
      a{ background: #00B6EE; }
      span{.flc(0.6rem, 1.3rem,#788790,center);}
    }
    .rule {
      float: right;
      a{ background: #84CBC8;line-height: 2.1rem;  }
      a p{font-size: 0.5rem;line-height: 0.6rem;color: #fff;margin-top: 0;}
      span{.flc(0.6rem, 1.3rem,#788790,center);}
    }
  }
  .box{
    margin:0 0.5rem;
    margin-bottom: 1rem;
    border:1px solid #ccc;
    line-height: 2.4rem;
    text-align: center;

    span{
      display: block;
      width: auto;
      padding-left: 2.2rem;
    }
  }
  .address{
    text-align: left;
    .t,.m,.b{height: 2.4rem;position: relative;}
    .l,.r{float: left;width: 49%;}
    .l{
      background:url('../images/avatar.png') 0.2rem center no-repeat;
      background-size: 1.3rem;
    }
    .r{
      background:url('../images/phone.png') 0.2rem center no-repeat;
      background-size: 1.3rem;
    }
    .m{
      background:url('../images/address.png') 0.2rem center no-repeat;
      background-size: 1.3rem;
    }
    .b .more{
      position: absolute;
      right: 2rem;
      top: 0;
      color: #dfdfdf;
      font-size:0.5rem; 
    }
  }
  .select_style {
     height:2.4rem; 
    padding-left: 2.2rem; 
    overflow:hidden; 
    background:url(../images/arrow.png) no-repeat 215px; 
   
} 
.select_style select {

  padding:5px; 
  background:transparent; 
  width:100%; 
  font-size: 0.7rem; 
  border:none; 
 
  -webkit-appearance: none; /*for Webkit browsers*/ 
} 
  .date {

      text-align: left;
      background:url('../images/datas.png') 0.2rem center no-repeat;
      background-size: 1.3rem;
  }
  .time {
      text-align: left;
    margin-bottom: 0rem;
      background:url('../images/times.png') 0.2rem center no-repeat;
      background-size: 1.3rem;
  }
  .add {
      text-align: left;
      background:url('../images/address.png') 0.2rem center no-repeat;
      background-size: 1.3rem;
  }
  .btn{
    margin-top: 1rem;
   input,button{ background: #DBBFB3;border:none;color: #fff;}
  }
}

/*--------------------服务介绍*/

#fwjs_body{
  .fwjs_body{
    padding-top: 2.15rem;
    }
    .box{
      padding: 0.5rem;
      line-height: 1.2rem;
    }
  }
/*-----------------价目表--- */
/*--------------------按件洗 */
/*--------------------按月洗 */
/*--------------------称重洗 */
/*--------------------计价页面 */

#jmb_body{
  .jmb_body{padding-top: 2.02rem;background: #F5F5F5;overflow: hidden;}
  .nav{
    position: fixed;
    left: 0;
    top: 2.1rem;
    width: 3rem;
  }
  li{
    border: 1px solid #ccc;
    border-left: none;
    line-height: 2.2rem;
    width: 3rem;
    padding-left: 0.2rem;
    background: #F5F5F5;
  }
  .on{
    width: 2.8rem;
    border-left: 0.2rem solid #0090DC;
    border-right: 1px solid #F5F5F5;
    border-right: none;
  }
  .tab{
    clear: both;
  }
  .tab_a{
    float: right;
    width: 80%;
    border-left: 1px solid #ccc;
    .type{
      /*border-bottom: 1rem solid #ccc;*/
    }
    #type69{
      height: 25rem;
    }
    #type99{
      height: 25rem;
    }
    img{
      vertical-align:bottom;
      width: 100%;
    }
  }
  .tab_b{
    .border{
      border:1px solid #ccc;
      border-radius: 0.2rem;
    }
    .box{
      margin: 0.4rem 0.5rem;
    }
    .boxa{
      p{
        .flc(0.6rem, 1.3rem,#8A8989,center);
      }
    }
    .boxb{
      height: auto;
      overflow: hidden;
      zoom:1;
      p{text-align: center;color: #fff;}
      .l,.m,.r{
        float: left;
        height: 3rem;
        background: #7DCDF3;
        border-radius: 0.3rem;
        padding: 1rem auto;
      }
      .l,.r{width: 38%;}
      .m{width: 20%;margin: 0 1%;}
      .fonta1{line-height: 2rem;font-size: 0.9rem;}
      .fonta2{line-height: 0.8rem;}
      .fontb{line-height: 1rem;font-size: 0.8rem;}
      .fontc{line-height: 3rem;font-size: 1.1rem;}
    }
    .boxc{
      height: 7rem;
          background:url('../images/czbg.jpg') center center no-repeat;
         background-size: 90%;
    }
  }
  .tab_c{
    .border{
      border:1px solid #ccc;
      border-radius: 0.2rem;
    }
    .box{
      margin: 0.4rem 0.5rem;
    }
    .boxa{
      padding: 0.3rem 0.2rem;
      p{
        .flc(0.6rem, 1.3rem,#8A8989,left);
      }
    }
    .btn{
        margin-top: 1rem;
       input,button{  height: 2.6rem;background: #7DCDF3;border:none;color: #fff;}
    }
  }
  .tab_d{
    p{
      text-align: center;
      color: #000000;
      line-height: 1.3rem;
    }
    .box{
      margin: 0.4rem 0.5rem;
    }
    .boxa{
      .count{
        text-align: center;
        overflow: hidden;
       .l,.m,.r{
          float: left; 
          line-height: 1.3rem;
          height: 1.3rem;        
        }
       .l,.r{
         width: 33%;
         background: #D4D4D4;
         font-size: 1rem;
        }
       .m {
        width: 29%;
        margin: 0 2%;
        input,button{
          height: 1rem;
          padding: 0.1rem 0;
          text-align: center;
          width: 100%;
          line-height: 1.3rem;
          font-size: 0.8rem;
         }
        }
      }
      .col_2{
        margin: 0 auto;
        width: 70%;
        .m{width: 45%;margin-right: 10%;}
        .r{width: 40%;}
      }
    }
    .boxb{
      background: #fff;
      margin: 1rem 0;
      span{
        line-height: 1.7rem;
        padding-left: 1rem;
      }
      .jine{
        float: right;
        color: #F6C170;
        padding-right: 3rem;
      }
    }
  }
}
/*--------------------个人中心*/
#grzx_body{
  .grzx_body{padding-bottom: 2.2rem;}
  .banner{
    height: 4.65rem;
    /*margin-bottom: 2rem;*/
     background:url('../images/gr_banner.jpg') center center no-repeat;
     background-size: auto 4.65rem;
     .l{
        width: 30%;
        float: left;
        text-align: right;
        img{
        height: 3.3rem;
        width: 3.3rem;
        /*padding: 0.3rem;*/
        margin-top: 0.5rem;
        border:0.2rem solid #fff;
        border-radius: 999px;
       }
     }
     .r{
      width: 65%;
      float: left;
      p{color: #fff;
      text-align: left;
      padding-left: 1rem;}
      .phone{line-height: 3rem;font-size: 1.1rem;color: #fff;}
      .des{line-height: 0.65rem;font-size: 0.6rem;}
     }
  }
  .line{
    margin: 0 0.5rem;
    position: relative;
    .text{
      margin-left: 2.4rem;
      padding:  0.2rem 0rem;
      border-bottom: 1px solid #ccc;

      .flc(0.9rem, 2.1rem,#788790,left);
    }
    .chongzhi{
      .wah( 3.5rem,1.4rem,none);
      position: absolute;
      right: 1rem;
      top: 0.5rem;
      background: #F3C421;
      border-radius: 0.3rem;
      .flc(0.9rem, 1.4rem,#fff,center);
    }
    .weight{
            .wah( 6.5rem,1.4rem,none);
            overflow: visible;
      position: absolute;
      right: 1.9rem;
      top: 0.5rem;
      border-radius: 0.3rem;
      .font1{.flc(0.8rem, 1rem,#788790,center);}
      .font2{.flc(0.5rem, 0.8rem,#788790,center);}
    }
    .buy{
           .wah( 2.2rem,1.2rem,none);
      position: absolute;
      right: 0.1rem;
      top: 0.7rem;
      background: #F3C421;
      border-radius: 0.2rem;
      .flc(0.7rem, 1.2rem,#fff,center);
    }

  }
  .li1{
     background:url('../images/gr_phone.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li2{
     background:url('../images/gr_address.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li3{
     background:url('../images/gr_money.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li4{
     background:url('../images/gr_weight.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li5{
     background:url('../images/gr_phone.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li6{
     background:url('../images/gr_point.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li7{
     background:url('../images/gr_salecard.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
  .li8{
     background:url('../images/gr_share.png') 0.3rem center no-repeat;
      background-size: 1.4rem;
  }
}



.swiper-pagination-flash1{

}



.swiper-pagination-flash1 .swiper-pagination-bullet {
  width: 0.88rem;
  height: 0.147rem;
  float: none;
  overflow: hidden;
  border-radius: 0;
  margin-right: 5px;
}

.swiper-pagination-flash1 .swiper-pagination-bullet-active {
  background: #2E8AE6;
}
.swiper-container-horizontal > .swiper-pagination-flash2 {
  width: 95%;
  text-align: right;
}
.swiper-container-horizontal > .swiper-pagination-flash2 .swiper-pagination-bullet {
  background: #6E6E6D;
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-flash2 .swiper-pagination-bullet-active {
  background: #2E8AE6;
}
.swiper-container-horizontal > .swiper-pagination-flash2 .swiper-pagination-bullet {
  background: #6E6E6D;
  opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-flash2 .swiper-pagination-bullet-active {
  background: #2E8AE6;
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (max-width: 325px) {
  .c1 .col-2 img {
    height: 7.8rem;
    margin-top: 0.3rem;
  }
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 322px) {
  html {
    font-size: 2%;
  }
}
